<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>产品详细</title>
<link rel="stylesheet" type="text/css" href="Content/base.css"/>
<link rel="stylesheet" type="text/css" href="Content/style.css"/>
<link rel="stylesheet" href="Content/pro.css" />
</head>
<body>
	<!--头部-->
	<div class="c-header">
    	<div class="header">
        	<div class="nav">
            	<a href="index.html">主页</a>
                <a href="关于BEKO/关于BEKO.html">关于BEKO</a>
                <a href="新闻中心/互动空间.html">新闻中心</a>
                <a href="#">BEKO视界</a>
                <a href="客户中心/产品支持.html">客户中心</a>
                <a href="客户中心/电话.html">联系我们</a>
            </div>
            <div class="fn-clear r2">
            	<div class="logo">
                	<a href="index.html"><img class="png" src="Content/Images/logo.png" width="124" height="29" /></a>
                </div>
                <div class="main-menu fn-clear">
                	<ul class="fn-clear fn-left top">
                    	<li class="top"><a href="#">洗衣机&amp;干衣机</a>
                        	<div class="sub">
                                <ul class="sub">
                                    <li class="sub first"><a href="#">洗衣机</a></li>
                                    <li class="sub last"><a href="#">干衣机 欧洲全进口</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="top"><a href="#">冰箱</a>
	                        <div class="sub">
                                <ul class="sub">
                                    <li class="sub first"><a href="#">两门</a></li>
                                    <li class="sub"><a href="#">三门</a></li>
                                    <li class="sub"><a href="#">双开门</a></li>
                                    <li class="sub"><a href="#">多门</a></li>
                                    <li class="sub last"><a href="#">大宽门</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="top"><a href="#">洗碗机·欧洲全进口</a>
                        	<div class="sub">
                                <ul class="sub">
                                    <li class="sub first"><a href="#">独立式</a></li>
                                    <li class="sub last"><a href="#">嵌入式</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="top"><a href="#">烤箱·欧洲全进口</a>
                        	<div class="sub">
                                <ul class="sub">
                                    <li class="sub first"><a href="#">嵌入式</a></li>
                                    <li class="sub last"><a href="#">连体烤箱灶</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="top"><a href="#">灶具&amp;油烟机&amp;微波炉</a>
                        	<div class="sub">
                                <ul class="sub">
                                    <li class="sub first"><a href="#">灶具</a></li>
                                    <li class="sub"><a href="#">油烟机</a></li>
                                    <li class="sub last"><a href="#">微波炉</a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <div class="search-box fn-left">
                    	<form>
                        	<input type="text" class="text" value="在该网站中搜索" />
                            <input type="submit" class="button" value="&nbsp;" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--主体-->
    <div class="page">
    	<div class="sitepath">
        	<a href="#">冰箱</a> &gt;
            <a href="#">双开门</a>
        </div>
        <div class="mainbody page-pro">
            <div class="white-border fn-clear">
                <!--左栏菜单-->
                <div class="left-nav">
                    <div class="proFilterNav" id="proFilterNav">
                        <h3 class="ptitle">按功能过滤</h3>
                        <ul class="filterType">
                            <li class="top">
                                <a href="javascript:void(0);" class="top">机器类型</a>
                                <ul class="sub">
                                    <li class="sub"><a href="javascript:void(0);" class="sub">对开门冰箱</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub">开门冰箱</a></li>
                                </ul>
                            </li>
                            <li class="top now">
                                <a href="javascript:void(0);" class="top">柜机颜色</a>
                                <ul class="sub" style="display:block;">
                                    <li class="sub"><a href="javascript:void(0);" class="sub">米色</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub chk">蓝色</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub">白色</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub">银色</a></li>
                                </ul>
                            </li>
                            <li class="top">
                                <a href="javascript:void(0);" class="top">总容积</a>
                                <ul class="sub">
                                    <li class="sub"><a href="javascript:void(0);" class="sub">596</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub">611</a></li>
                                    <li class="sub"><a href="javascript:void(0);" class="sub">625</a></li>
                                </ul>
                            </li>
                            <li class="top">
                                <a href="javascript:void(0);" class="top">宽度-未含包装（厘米）</a>
                                <ul class="sub">
                                    <li class="sub"><a href="javascript:void(0);" class="sub">92</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="main-con1 page-podetail">
	                <h1 class="big-title"><p class="pinfo">页码： 1/1  产品数量： 4</p></h1>
                    <div class="proList2 fn-clear">
                    	<div class="pitem">
                            <h2 class="ptitle"><a href="#">GNEV122E</a></h2>
                            <div class="pdetail fn-clear">
                                <div class="pic"><a href="#"><img src="Content/images/GNEV122E_small.jpg" alt="" /></a></div>
                                <div class="text">
                                    <p>机器类型：<b>对开门冰箱</b></p>
                                    <p>柜机颜色：<b>白色</b></p>
                                    <p>总容积：<b>611</b></p>
                                </div>
                            </div>
                        </div>
                        <div class="pitem">
                            <h2 class="ptitle"><a href="#">GNEV122E</a></h2>
                            <div class="pdetail fn-clear">
                                <div class="pic"><a href="#"><img src="Content/images/GNEV122E_small.jpg" alt="" /></a></div>
                                <div class="text">
                                    <p>机器类型：<b>对开门冰箱</b></p>
                                    <p>柜机颜色：<b>白色</b></p>
                                    <p>总容积：<b>611</b></p>
                                </div>
                            </div>
                        </div>
                        <div class="pitem">
                            <h2 class="ptitle"><a href="#">GNEV122E</a></h2>
                            <div class="pdetail fn-clear">
                                <div class="pic"><a href="#"><img src="Content/images/GNEV122E_small.jpg" alt="" /></a></div>
                                <div class="text">
                                    <p>机器类型：<b>对开门冰箱</b></p>
                                    <p>柜机颜色：<b>白色</b></p>
                                    <p>总容积：<b>611</b></p>
                                </div>
                            </div>
                        </div>
                        <div class="pitem">
                            <h2 class="ptitle"><a href="#">GNEV122E</a></h2>
                            <div class="pdetail fn-clear">
                                <div class="pic"><a href="#"><img src="Content/images/GNEV122E_small.jpg" alt="" /></a></div>
                                <div class="text">
                                    <p>机器类型：<b>对开门冰箱</b></p>
                                    <p>柜机颜色：<b>白色</b></p>
                                    <p>总容积：<b>611</b></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h1 class="big-title"><p class="pinfo">页码： 1/1  产品数量： 4</p></h1>
                </div>
            </div>
        </div>
    </div>
    <!--脚部-->
    <div class="footer fn-clear">
    	<div class="r1 fn-clear">
            <div class="lang png">
                <p>中国：中文</p>
            </div>
            
            <div class="links fn-clear">
                <a href="#"><img src="Content/Images/links-tmall.png" width="53" height="19" /></a>
                <a href="#"><img src="Content/Images/links-sina.png" width="22" height="19" /></a>
                <a href="#"><img src="Content/Images/links-suning.png" height="19" /></a>
                <a href="#"><img src="Content/Images/links-kb.jpg" height="19" /></a>
            </div>
        </div>
        <div class="r2 fn-clear">
        	<div class="nav">
                <ul class="fn-clear">
                    <li><a href="#">隐私条款</a></li>
                    <li><a href="#">使用条款</a></li>
                    <li class="last"><a href="#">联系我们</a></li>
                </ul>
            </div>
        	<p class="copy">Copyright 2011 BEKO Electionics. All Rights Reserved. 苏ICP备 10228970号-1</p>
        </div>
    </div>
	<script type="text/javascript" src="Scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		$(function(){
            $(".main-menu li.top").hover(function(){
                $(this).addClass("now");
            },function(){
                $(this).removeClass("now");
            });
            
			$("#proFilterNav").find("a.top").click(function(){
                target = $(this).parent();
                target.toggleClass("now");
                if (target.hasClass("now")) {
                    target.find("ul.sub").slideDown();
                } else {
                    target.find("ul.sub").hide();
                };
			});
            $("#proFilterNav").find("a.sub").click(function(){
                $(this).toggleClass("chk");
            });
		});
    </script>
    <!--[if IE 6]>
        <script type="text/javascript" src="Scripts/DDpng-min.js" ></script>
        <script type="text/javascript">
            DD_belatedPNG.fix('.png');
        </script>
    <![endif]-->
</body></html>